import 'package:enterprise_v6_app/app/components/custom_app_bar.dart';
import 'package:enterprise_v6_app/app/components/custom_modele/custom_card.dart';
import 'package:enterprise_v6_app/app/components/custom_modele/custom_row_purple.dart';
import 'package:enterprise_v6_app/app/components/custom_modele/custom_row_title.dart';
import 'package:enterprise_v6_app/app/core/core.dart';

/// 违规记录
class ViolationRecordPage extends StatelessWidget {
  const ViolationRecordPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.bg_color_grey,
      appBar: CustomAppBar(
        titleText: '违规记录',
      ),
      body: Padding(
        padding: EdgeInsets.all(16.w),
        child: Column(
          children: [
            CustomCard(
              title: '违规时间:2022年10月11日',
              content: Column(
                children: [
                  const CustomRowPurple(
                    title: '违规类型：',
                    content: '操作不规范',
                  ),
                  AppGaps.vGap6,
                  const CustomRowTitle(
                    title: '违规原因：',
                    content: '动火作业时操作不规范',
                  ),
                  const CustomRowTitle(
                    title: '违规处罚：',
                    content: '加入黑名单、违约赔偿',
                  ),
                  const CustomRowTitle(
                    title: '文件：',
                    content: 'xxxxx.doc',
                    contentColor: Colors.blue,
                  ),
                  Container(
                    padding:
                        EdgeInsets.symmetric(horizontal: 6.w, vertical: 6.w),
                    child: Row(
                      children: [
                        Expanded(
                          child: ClipRRect(
                            borderRadius: BorderRadius.circular(8.w),
                            child: Container(
                              height: 80.w,
                              color: const Color(0x33587DF5),
                            ),
                          ),
                        ),
                        AppGaps.hGap30,
                        Expanded(
                          child: ClipRRect(
                            borderRadius: BorderRadius.circular(8.w),
                            child: Container(
                              height: 80.w,
                              color: Colors.black,
                              child: Center(
                                  child: Icon(
                                Icons.play_arrow,
                                color: Colors.white,
                                size: 30.w,
                              )),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),

                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
